<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a href="./other.html">other page</a>
    <script>
        // 存储空间从何而来？   proxy
        // window --> browser -->
        // cookie 文件，大小限制是4kb
        // localStorage 存储量级MB
        // DOM + BOM = JS前端
        // DOM Document Object(createElement) Model 文档对象模型 HTML和XML文档的编程接口
        // BOM Browser(window) Object model 浏览器对象模型,提供了独立与内容的、可以与浏览器窗口进行互动的对象结构,BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。
        window.localStorage.setItem('happiness', '开车了');

        // 会话
        window.sessionStorage.setItem('dewu', '毒')
    </script>
</body>

</html>